<template>
<div class="banner" >
  <img class="bgImg" :src="banner" alt="">
  <div class="width1200">
  </div>
</div>
</template>

<script>
export default {
  name: "banner",
  computed:{
    isLogin(){
      return this.$store.getters.isLogin
    },
    routerName(){
      return this.$route.name
    },
    banner(){
      if(this.routerName == 'resiger'){
        return  require('@/assets/images/zhucebeijing.png')
      }else{
        return require('@/assets/images/banner.png')
      }
    },
  }
}
</script>

<style scoped lang="scss">
.banner{
  width: 100%;
  height: 480px;
  position: relative;
  .bgImg{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }
  .width1200{
    position: relative;
    .loginAndResiger{
      position: absolute;
      right: 0;
      top:80px
    }
  }
}
</style>
